function GetVPNReportNowChar() {

	var reportOutMenu = new Ext.menu.Menu({
        id: 'reportOutMenu',
        style: {
            overflow: 'visible'     // For the Combo popup
        },
        items: [
        	{
						text : '导出到excel',
						tooltip : '导出到excel',
						handler : function() {
						}
					},{
						text : '导出到pdf',
						tooltip : '导出到pdf',
						handler : function() {
						}
					}
        ]
    });

	 var store1 = new Ext.data.JsonStore({
        fields: [{name: 'check'},{name: 'x',type: 'int'}],
        data: [
        {check: '设备1',x: 5},
        {check: '设备2',x: 3},
        {check: '设备3',x: 4},
        {check: '设备4',x: 5},
        {check: '设备5',x: 6}
        ]
    })
	var myData = [
			['1', "192.168.1.1", '192.168.0.1', 'vpn1','remote VPN','认证1','校验1','RAS','2012-08-08 12:12:12','10d'],
			['2', "192.168.1.1", '192.168.0.1', 'vpn1','remote VPN','认证1','校验1','RAS','2012-08-08 12:12:12','10d'],
			['3', "192.168.1.1", '192.168.0.1', 'vpn1','remote VPN','认证1','校验1','RAS','2012-08-08 12:12:12','10d'],
			['4', "192.168.1.1", '192.168.0.1', 'vpn1','remote VPN','认证1','校验1','RAS','2012-08-08 12:12:12','10d'],
			['5', "192.168.1.1", '192.168.0.1', 'vpn1','remote VPN','认证1','校验1','RAS','2012-08-08 12:12:12','10d']

	];


	var store = new Ext.data.ArrayStore({
				fields : [{
							name : 'id'
						}, {
							name : 'localip'
						}, {
							name : 'remoteip'
						}, {
							name : 'vpn'
						}, {
							name : 'link'
						}, {
							name : 'renzheng'
						}, {
							name : 'jiaoyan'
						}, {
							name : 'jiami'
						}, {
							name : 'createlink'
						}, {
							name : 'shengcun'
						}]
			});
			



	store.loadData(myData);
	
	var sm = new Ext.grid.CheckboxSelectionModel();
	var grid = new Ext.grid.GridPanel({
				store : store,
				columns : [sm, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '本地IP',
							width : 100,
							sortable : true,
							dataIndex : 'localip'
						}, {
							header : '对方IP',
							width : 100,
							sortable : true,
							dataIndex : 'remoteip'
						}, {
							header : 'vpn类型',
							width : 70,
							sortable : true,
							dataIndex : 'vpn'
						}, {
							header : '连接类型',
							width : 70,
							sortable : true,
							dataIndex : 'link'
						}, {
							header : '认证方式',
							width : 70,
							sortable : true,
							dataIndex : 'renzheng'
						}, {
							header : '校验方式',
							width : 70,
							sortable : true,
							dataIndex : 'jiaoyan'
						}, {
							header : '加密方式',
							width : 70,
							sortable : true,
							dataIndex : 'jiami'
						}, {
							header : '建立连接时间',
							width : 150,
							sortable : true,
							dataIndex : 'createlink'
						}, {
							header : '密钥生存期',
							width : 100,
							sortable : true,
							dataIndex : 'shengcun'
						}],
				sm : sm,
				
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				stateId : 'ralinkgrid'
			});
	
		
	var centerPanel = new Ext.Panel({

        region : 'center',
        layout : 'border',
        tbar : [
						'本地IP:',
						{xtype: 'textfield',width : 70},'-',
						'对方IP:',
						{xtype: 'textfield',width : 70},'-',
						'VPN类型:',
						{xtype: 'textfield',width : 70},'-',
						'连接类型:',
						{xtype: 'textfield',width : 70},'-',
						'认证方式:',
						{xtype: 'textfield',width : 70},'-',
						'校验方式:',
						{xtype: 'textfield',width : 70},'-',
						'加密方式:',
						{xtype: 'textfield',width : 70},'-',
						{
									text : '刷新',
									tooltip : '刷新',
									iconCls : 'refresh',
									handler : function() {							
									}
						}, '-',{
				            text:'导出',
				            iconCls: 'out', 
				            menu: reportOutMenu  
				        }],
        items: [
        		{
							region: 'north',
							height: 300,
							items : {
						    xtype: 'stackedcolumnchart',
						    store: store1,
						    xField: 'check',
						    xAxis: new Ext.chart.CategoryAxis({
						        title: '设备'
						    }),
						    yAxis: new Ext.chart.NumericAxis({
						        title: "数量"
						    }),
						    series: [{
					        displayName: "当前连接数量",
					        yField: 'x'
						    }],
						    chartStyle: {
						        padding: 10,
						        legend: {
						            display: 'right'
						        }
						    }
							}
							
						},{
							region: 'center',
							layout : 'fit',
							title:'明细表格',
							items : [grid]
						}
        ]

			});
    
    


	return centerPanel;
}
